{layout name="common/basic" /}

<div class="card card-solid">
    <div class="card-body pb-0">
        <div class="row d-flex align-items-stretch">


            <!-- 循环遍历关注的粉丝-->
            {volist name="follow" id="vo"}
            <div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
                <div class="card bg-light">
                    <div class="card-header text-muted border-bottom-0">
                        会员ID：{$vo.user_id}
                    </div>
                    <div class="card-body pt-0">
                        <div class="row">
                            <div class="col-7">
                                <h2 class="lead"><b>
                                    <a href="{:url('index/member/home',['user_id'=>$vo.user_id])}"> {$vo.user.nickname}</a>
                                   </b></h2>
                                <p class="text-muted text-sm"><b>About: </b> Web Designer / UX / Graphic Artist / Coffee
                                    Lover </p>
                                <ul class="ml-4 mb-0 fa-ul text-muted">
                                    <li class="small"><span class="fa-li"><i class="fas fa-lg fa-building"></i></span>
                                        Address: Demo Street 123, Demo City 04312, NJ
                                    </li>
                                    <li class="small"><span class="fa-li"><i class="fas fa-lg fa-phone"></i></span>
                                        Phone #: + 800 - 12 12 23 52
                                    </li>
                                </ul>
                            </div>
                            <div class="col-5 text-center">
                                <img src="{$vo.user.photo?:'__STATIC__/images/logo.jpg'}" alt=""
                                     class="img-circle img-fluid">
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="text-right">
                            <a href="#"  class="btn btn-sm bg-teal"  data-toggle="tooltip" title="发私信">
                                <i class="fas fa-comments"  ></i>
                            </a>


                            {if condition="$vo.check"}


                            <a href="{:url('index/member/follow',['follow_id'=>$vo.user.id,'editfollow'=>1]  )}"
                               class="btn btn-sm btn-success">
                                <i class="fas fa-user"></i> 相互关注
                            </a>


                            {else /}


                            <a href="{:url('index/member/follow',['follow_id'=>$vo.user.id,'editfollow'=>1]  )}"
                               class="btn btn-sm btn-primary">
                                <i class="fas fa-user"></i> 加关注
                            </a>
                            {/if}
                        </div>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
    </div>
    <!-- /.card-body -->
    <div class="card-footer">

        {$follow->render()}

    </div>
    <!-- /.card-footer -->
</div>